<template>
  <div class="page-changeCity">
    <el-row class=""><province /></el-row>
    <el-row><hot title="热门城市：" :list="hotList" /></el-row>
    <el-row><hot title="最近访问：" :list="rencentList" /></el-row>
    <el-row><category /></el-row>
  </div>
</template>

<script>
import Province from "../components/changeCity/province";
import Hot from "../components/changeCity/hot";
import Category from "../components/changeCity/categroy.vue";
import api from "../api/index";
export default {
  data() {
    return {
      hotList: [],
      rencentList: [],
    };
  },
  created() {
    api.getHotCity().then((res) => {
      this.hotList = res.data.data;
    });
    api.getRecents().then((res) => {
      this.rencentList = res.data.data;
    });
  },
  components: {
    Province,
    Hot,
    Category,
  },
};
</script>

<style></style>
